<template>
  <div class="textshow" v-if="partListCon">
    <p>{{ partListCon.title }}</p>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  data () {
    return {};
  },
  components: {},
  props: {
    index: {
      type: Number,
      default: -1
    }
  },
  computed: {
    ...mapState({
      active: state => state.modulePage.active,
      bannerNowIndex: state => state.modulePage.bannerNowIndex || 0,
      allbanner: state => state.modulePage.allbanner,
      partListCon () {
        if (this.index >= 0) {
          return this.allbanner[this.index];
        } else {
          return {};
        }
      }
    })
  },
  created () { },
  mounted () { },
  methods: {}
};
</script>

<style scoped lang="less">
.textshow {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}
</style>
